import React from 'react';
import * as THREE from 'three';

interface ProteinChainProps {
  aminoAcids: string[]; // 合成的氨基酸列表
  position?: [number, number, number]; // 链的起始位置
  segmentSize?: number; // 每个氨基酸单元的大小和间隔
}

export function ProteinChain({ aminoAcids, position = [0, 0, 0], segmentSize = 0.5 }: ProteinChainProps) {
  return (
    <group position={position}>
      {aminoAcids.map((aminoAcid, index) => (
        <mesh key={index} position={[0, -index * segmentSize * 2, 0]}> {/* 沿着 Y 轴向下排列 */}
          <sphereGeometry args={[segmentSize, 16, 16]} />
          <meshStandardMaterial color={'orange'} />
          {/* TODO: 可以添加 Text 显示氨基酸缩写 */}
          {/* <Text position={[0, 0, segmentSize + 0.1]} fontSize={0.3}> {aminoAcid} </Text> */}
        </mesh>
      ))}
    </group>
  );
} 